<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="redis" uri="http://www.shopjsp.com/redisTag/functions" %>
<c:set var="basePath" value="${redis:getSysConfig('base_path_back')}"/>
<c:set var="uploadPath" value="${redis:getSysConfig('uploadFileVisitRoot')}"/>
<script type="text/javascript">
    /**
     * 粉丝详情
     */
    function detailWxFansUserInfo(id){
        $.ajax({
            type: "POST",
            dataType: "JSON",
            url: "${basePath}/back/customer/getFansUserInfoObject.sjson",
            data: {customerId:id},
            success: function(result){
                var data = JSON.parse(result.data);
                /**重置详情页中所有html展示信息**/
                resetDetailTable("detailTable_wx");
                /**设置展示信息**/
                $("#dd_userOpenId").html(data.userOpenId);
                $("#dd_nickName").html(data.nickName);
                if(data.plateFormRemark==""||data.plateFormRemark==null){
                    $("#dd_plateFormRemark").html("/");
                }else{
                    $("#dd_plateFormRemark").html(data.plateFormRemark);
                }
                <c:forEach items="${redis:getBasicKeyBook('sex')}" var="kb">
                if(data.sex=="${kb.value}"){
                    $("#dd_sex").html("${kb.name}");
                }
                </c:forEach>
                $("#dd_country").html(data.userCountry);
                $("#dd_province").html(data.userProvince);
                $("#dd_city").html(data.userCity);
                $("#dd_userLanguage").html(data.userLanguage);
                if(data.subscribe=="0"){
                    $("#dd_subscribe").html("<font class='color_002'>否</font>");
                }else{
                    $("#dd_subscribe").html("<font class='color_001'>是</font>");
                }
                if(data.remark!=""&&data.remark!=undefined){
                    $("#dd_remark").html(data.remark);
                }else{
                    $("#dd_remark").html("/");
                }
                if(data.subscribeTime!=""&&data.subscribeTime!=undefined){
                    $("#dd_subscribeTime").html(new Date(data.subscribeTime).Format("yyyy-MM-dd hh:mm:ss"));
                }
                if(data.latitude!=""&&data.latitude!=undefined){
                    $("#dd_latitude").html(data.latitude);
                }else{
                    $("#dd_latitude").html("/");
                }
                if(data.longitude!=""&&data.longitude!=undefined){
                    $("#dd_longitude").html(data.longitude);
                }else{
                    $("#dd_longitude").html("/");
                }
                if(data.precision!=""&&data.precision!=undefined){
                    $("#dd_precision").html(data.precision);
                }else{
                    $("#dd_precision").html("/");
                }
            }
        });
    }
</script>

<!--详情模态框（Modal） -->
<div class="modal fade" id="detailWxFansUserInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:70%">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h5 class="modal-title" id="myModalLabel">粉丝详情</h5>
			</div>
			<div class="modal-body">
				<table id="detailTable_wx" align="center" class="addOrEditTable table table-bordered" style="width:100%;">
					<tr>
						<td class="toright_td" width="150px">会员标识:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_userOpenId"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">昵称:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_nickName"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">名称备注:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_plateFormRemark"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">性别:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_sex"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">会员所在国家:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_country"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">会员所在省份:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_province"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">会员所在城市:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_city"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">会员语言:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_language"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">是否订阅该公众号:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_subscribe"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">会员备注:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_remark"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">会员关注时间:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_subscribeTime"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">地理位置纬度:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_latitude"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">地理位置经度:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_longitude"></span></td>
					</tr>
					<tr>
						<td class="toright_td" width="150px">会员所在精度:</td>
						<td class="toleft_td">&nbsp;&nbsp;<span id="dd_precision"></span></td>
					</tr>
				</table>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>